<template>
  <div class="app-container calendar-list-container">
    <el-table size="small" :data="list" v-loading="listLoading" element-loading-text="正在查询中。。。" border fit highlight-current-row>
      <el-table-column align="center" label="文章链接" prop="articleUrl">
      </el-table-column>

    </el-table>
  </div>
</template>

<script>
  import { listArticles } from '@/api/article'

  export default {
    name: 'articleList',
    data() {
      return {
        list: [],
        listLoading: true
      }
    },
    created() {
      this.getList()
    },
    methods: {
      getList() {
        this.listLoading = true
        listArticles().then(response => {
          this.list = response.data.data
          this.listLoading = false
        }).catch(() => {
          this.list = []
          this.listLoading = false
        })
      }
    }
  }
</script>
